<template>
  <div class="min-h-screen bg-gray-50">
    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
      <h1 class="text-4xl font-bold text-gray-900">{{ $t('home.title') }}</h1>
      <p class="mt-4 text-xl text-gray-600">{{ $t('home.description') }}</p>
    </div>
  </div>
</template>

<script setup>
useHead({
  title: 'Home',
  meta: [
    { name: 'description', content: 'Enterprise application homepage' }
  ]
})
</script>